<template>
    <van-form @submit="onSubmit">
        <van-field
            v-model="username"
            name="用户名"
            label="用户名"
            placeholder="用户名"
            :rules="[{ required: true, message: '请填写用户名' }]"
        />
        <van-field
            v-model="password"
            type="password"
            name="密码"
            label="密码"
            placeholder="密码"
            :rules="[{ required: true, message: '请填写密码' }]"
        />
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit">
            提交
            </van-button>
        </div>
    </van-form>
</template>
<script>
import Vue from 'vue';
import { Form,Button,Field } from 'vant';
Vue.use(Form);
Vue.use(Button);
Vue.use(Field);
export default {
    name: 'Login',
    data () {
        return {

            username: '',
            password: '',
        }
    },
    created () {
        
    },
    methods: {
        onSubmit(values) {
            console.log('submit', values);
            
            this.$store.dispatch("Login", {username:this.username,'password':this.password}).then(info => {
                console.log(info)
            // 你的代码 
            }).catch(err=>{});
        },
    }
}
</script>
<style lang="scss">
.mint-tabbar{
    .mint-tab-item.is-selected {
        background-color: #fafafa;
        color: #515151;
    }
}
</style>
